<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@  taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="my" uri="/mytag"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<link rel="stylesheet" href="basic/css/demo.css">
<link href="AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet"
	type="text/css" />
<link href="AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet"
	type="text/css" />
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/manage.css">
<script src="js/basevalue.js"></script>
<script type="text/javascript" src="basic/js/jquery-1.7.min.js"></script>
<script type="text/javascript" src="AmazeUI-2.4.2/assets/js/amazeui.js"></script>
<script type="text/javascript" src="js/manage.js"></script>
<title>iGo商城后台管理系统</title>
</head>

<body>
	<div class="header">
		<span>iGo商城后台管理系统</span>
	</div>
	<div class="wrapper">
		<div class="leftbar">
			<ul class="menu">
				<li><a href="javascript:void(0);"><i
						class="am-icon-chevron-right">添加管理员</i></a></li>
				<li id="user_list"><a href="javascript:void(0);"><i
						class="am-icon-chevron-right">用户列表</i></a></li>
				<li><a href="javascript:void(0);"><i
						class="am-icon-chevron-right">修改密码</i></a></li>
				<li id="product_manage"><a href="javascript:void(0);"><i
						class="am-icon-chevron-right">商品管理</i></a></li>
				<li id="order_manage"><a href="javascript:void(0);"><i
						class="am-icon-chevron-right">订单管理</i></a></li>
				<li><a href="/igo/user/logout.do"><i
						class="am-icon-chevron-right">安全退出</i></a></li>
			</ul>
		</div>
		<div class="rightbar">
			<!-- 注册部分 -->
			<div class="part">
				<div id="add_admin_content">

					<div class="user_modify">
						<label class="pw-label">用户名：</label>
						<div class="user-groups">
							<i class="am-icon-phone"></i> <input type="email" name="username"
								id="phone" placeholder="请输入用户名">
						</div>
					</div>
					<span id="phone_err" class="error"></span>


					<div class="user_modify">
						<label class="pw-label">昵称：</label>
						<div class="user-groups">
							<i class="am-icon-user"></i> <input type="email" name="nickname"
								placeholder="请输入昵称">
						</div>
					</div>
					<span id="nick_msg" class="error"></span>


					<div class="user_modify">
						<label class="pw-label">密码：</label>
						<div class="user-groups">
							<i class="am-icon-key"></i> <input type="password"
								name="password1" placeholder="请输入密码">
						</div>
					</div>
					<span id="pw1_msg" class="error"></span>



					<div class="user_modify">
						<label class="pw-label">确认密码：</label>
						<div class="user-groups">
							<i class="am-icon-key"></i> <input type="password"
								name="password2" placeholder="请输入密码">
						</div>
					</div>
					<span id="pw2_msg" class="error"></span>


					<div class="user_modify">
						<label class="pw-label">邮箱：</label>
						<div class="user-groups">
							<i class="am-icon-envelope"></i> <input type="text" name="email"
								placeholder="请输入邮箱">
						</div>
					</div>
					<span id="email_msg" class="error"></span>




					<div class="user_modify">
						<label class="pw-label">性别：</label><input type="radio" name="sex"
							value="男" /><span>男</span> <input type="radio" name="sex"
							value="女" /><span>女</span>

					</div>
					<span id="sex_msg" class="error"></span>
					<div class="user-res-next">
						<input type="submit" id="regist" value="注册"
							class="am-btn am-btn-primary am-btn-sm am-fl">
					</div>
				</div>
			</div>

			<!-- 用户列表部分 -->
			<div class="part am-tabs" data-am-tabs style="display: none">
				<ul class="am-tabs-nav am-nav am-nav-tabs" id="user_list_sw">
					<li class="am-active"><a href="#user_sub_part0">所有用户</a></li>
					<li><a href="#user_sub_part1">当前在线用户</a></li>
				</ul>

				<div class="am-tabs-bd">
					<div id="user_sub_part0"
						class="am-tab-panel am-fade am-in am-active">
						<div id="sub_title">
							<h1>所有用户</h1>
						</div>
						<hr>
						<div id="user_content">
							<table class="am-table am-table-striped am-table-hover">
								<thead>
									<tr>
										<th>序号</th>
										<th width="35%">用户名</th>
										<th>邮箱</th>
										<th>权限</th>
										<th>操作</th>
									</tr>
								</thead>
								<tbody id="user_list_body">

								</tbody>
							</table>
						</div>
					</div>
	
					<div id="user_sub_part1" class="am-tab-panel am-fade am-in">
						<div id="sub_title">
							<h1>在线用户</h1>
						</div>
						<hr>
						<div id="user_content">
							<table class="am-table am-table-striped am-table-hover">
								<thead>
									<tr>
										<th>用户编号</th>
										<th>用户名</th>
										<th>权限</th>
									</tr>
								</thead>
								<tbody>
									<c:forEach items="${applicationScope.online}" var="item"
										varStatus="items">
										<tr>
											<td>${items.count}</td>
											<td>${item.username }</td>
											<td>${item.usertype.typename }</td>
										</tr>
									</c:forEach>
								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>


			<div style="display: none" class="part">
				<div id="sub_title">
					<h1>修改密码</h1>
					<hr>
				</div>
				<div class="user_modify">
					<label class="pw-label">输入密码</label>
					<div class="user-groups">
						<i class="am-icon-key"></i> <input type="password"
							name="password3" placeholder="请输入密码">

					</div>
				</div>
				<span id="pw3_msg" class="error"></span>
				<div class="user_modify">
					<label class="pw-label">确认密码</label>
					<div class="user-groups">
						<i class="am-icon-key"></i> <input type="password"
							name="password4" placeholder="请输入密码">
					</div>
				</div>
				<span id="pw4_msg" class="error"></span>
				<div class="user-res-next">
					<input type="button" name="" id="modify" value="修改"
						class="am-btn am-btn-primary am-btn-sm am-fl">
				</div>
			</div>

			<div class="part am-tabs" data-am-tabs style="display: none">
				<ul class="am-tabs-nav am-nav am-nav-tabs" id="product_list_sw">
					<li id="loadalltypes" class="am-active"><a
						href="#product_sub_part0">查看商品</a></li>
					<li><a href="#product_sub_part1">添加商品</a></li>
				</ul>
				<div class="am-tabs-bd">
					<div id="product_sub_part0"
						class="am-tab-panel am-fade am-in am-active">
						<div id="sub_title">
							<h1>所有商品一览表</h1>
						</div>
						<hr>
						<div id="sub_content">
							<div class="grocery">
								<label for="products_grocery">请选择商品类别</label>
								<div class="grocery-groups">
									<i class="am-icon-tag"></i> <select id="products_grocery"
										onchange="Change()">
										<option value="">请选择</option>
									</select>
								</div>
							</div>
							<div class="product"></div>
						</div>
						<div id="products_list"></div>

						<!-- 页码标签-->
						<div class="pagedevide">
							<ul id="page" class="am-pagination"></ul>
						</div>
					</div>
					<div id="product_sub_part1" class="am-tab-panel am-fade am-in">
						<div id="sub_content">
							<div id="add_grocery">
								<div id="sub_title">
									<i class="am-icon-angle-double-right sub-title">添加商品分类</i>
								</div>
								<div id="add_grocery_content_1">
									<label>分类名称</label> <input name="type_name" />
									<button id="add_type">添加</button>
								</div>
								<hr>
								<div id="add_grocery_content_2">
									<div id="sub_title">
										<i class="am-icon-angle-double-right sub-title">添加商品信息</i>
									</div>
									<form action="addnewproductbytype.do" id="add_product_form"
										enctype="multipart/form-data" method="post">
										<div class="type-group">
											<label class="type-label" for="grocery-groups">请选择商品类别</label>
											<div class="grocery-groups">
												<i class="am-icon-tag"></i> <select id="products_grocery2"
													name="typeId">
													<option value="">请选择</option>
												</select> <span class="err"></span>
											</div>
										</div>
										<br /> <label>商品名称</label> <input name="productName" /><span
											class="err"></span>
										<!--                                        <i class="am-icon-times-circle"></i>-->
										<br /> <label>商品缩略图</label> <input type="text" name="upfile1">
										<input type="button" class="view file-inp" value="浏览"
											onclick="productImgAdd.click()"> <input type="file"
											style="display: none" name="productImgAdd" id="productImgAdd"
											onchange="upfile1.value=this.value"> <span
											class="err"></span><br> <label>商品详情图</label> <input
											type="text" name="upfile2"> <input type="button"
											class="view file-inp" value="浏览"
											onclick="detailsImages.click()">
										<!-- 一次上传多个的属性 -->
										<input multiple="multiple" type="file" style="display: none"
											name="detailsImages" id="detailsImages"
											onchange="upfile2.value=this.value"> <span
											class="err"></span> <br /> <label>商品描述</label> <input
											name="desciption" /><span class="err"></span> <br /> <label>商品单价</label>
										<input name="price" /><span class="err"></span> <br /> <label>商品库存</label>
										<input name="amount" /><span class="err"></span> <br /> <label>商品销售量</label>
										<input name="saleAmount" /><span class="err"></span> <br />
										<label>卖家店铺名</label> <input name="saler" /><span class="err"></span>
										<br /> <input type="button" id="add_products" value="添加" />
									</form>
								</div>
							</div>
						</div>
					</div>
				</div>

			</div>

			<!-- 订单部分 -->
			<div class="part" style="display: none">
				<div id="order_sub_part0">
					<div id="sub_title">
						<h1>所有订单</h1>
						<hr>
					</div>
					<div id="sub_content">
						<div id="order_list">
							<table class="am-table am-table-striped am-table-hover">
								<thead id="order_head">
									<tr>
										<th>序号</th>
										<th width="35%" id="order-list-id">订单号</th>
										<th>商品总数</th>
										<th>费用</th>
										<th>订单状态</th>
										<th>修改订单状态</th>
										<th>查看详情</th>
									</tr>
								</thead>
								<tbody id="order_body">


								</tbody>
							</table>
						</div>
					</div>
					<div id="order_status_dialog" class="opaback"
						style="display: none;">
						<div class=" dialog-con">
							<div id="close">
								<span>x</span>
							</div>
							<div class="info-label">修改订单状态</div>
							<hr>
							<div>
								<select id="order_status_type">
									<option id="order_type_init">请选择</option>
								</select>
							</div>
							<button id="status_modify">确认修改</button>
						</div>
					</div>

				</div>

			</div>
		</div>
	</div>
				<div id="user_status_dialog" class="opaback"
						style="display: none;">
						<div class="dialog-con">
							<div id="user_close">
								<span>x</span>
							</div>
							<div class="info-label">修改用户身份</div>
							<hr>
							<div>
								<select id="user_status_type">
									<option id="user_type_init">请选择</option>
								</select>
							</div>
							<button id="user_status_modify">确认修改</button>
						</div>
					</div>
	<!--底部-->
	<div class="clear"></div>
	<div class="footer">
		<div class="footer-hd">
			<p>
				<a href="#">爱购集团</a> <b>|</b> <a href="index.jsp">商城首页</a> <b>|</b>
				<a href="#">支付宝</a> <b>|</b> <a href="#">物流</a>
			</p>
		</div>
		<div class="footer-bd">
			<p>
				<a href="#">关于爱购</a> <a href="#">合作伙伴</a> <a href="#">联系我们</a> <a
					href="#">网站地图</a> <em>(c) 2016-2026 iGo.com 版权所有</em>
			</p>
		</div>
	</div>
</body>

</html>